<template>
  <div class="users">
    <div class="tb">
      <el-tabs v-model="activeName" class="utbsa">
        <el-tab-pane label="基础用户" name="first">
          <div class="userzx">
            <div class="userz1">
              <span>基础信息</span>
              <div class="basex">
                <div>
                  <span class="lab">登录名:</span
                  ><span class="sz">{{ baseUser.username }}</span>
                </div>
                <div>
                  <span class="lab">注册时间:</span
                  ><span class="sz">{{ baseUser.createTime }}</span>
                </div>
                <div>
                  <span class="lab">上次登录时间:</span
                  ><span class="sz">{{ baseUser.loginTime }}</span>
                </div>
              </div>
            </div>
            <div class="xt"></div>
            <div class="userz2">
              <div>
                <span class="dl">登录密码</span>
                <span class="hs"
                  >密码用于平台登录，建议使用高强度密码，并定时更新密码</span
                >
              </div>
              <div class="yybj">
                <div class="hsbj">
                  <div
                    v-show="pso"
                    style="
                      display: inline-flex;
                      position: relative;
                      top: 50%;
                      transform: translateY(-50%);
                      left: 5%;
                    "
                  >
                    <span>当前密码强度</span
                    ><el-progress
                      v-if="percentage"
                      :percentage="percentage"
                      :format="format"
                      style="margin-left: 10px"
                    ></el-progress>
                  </div>
                  <div
                    style="float: right; margin-top: 18px; margin-right: 49px"
                  >
                    <el-button type="primary" @click="xiugai">修改</el-button>
                  </div>
                </div>
                <div class="xgmm" v-show="see">
                  <el-form
                    class="user-account-key"
                    ref="rulemm"
                    :model="rulemm"
                    :rules="rules"
                    label-width="100px"
                  >
                    <el-form-item
                      label="原密码"
                      prop="oldPassword"
                      style="width: 300px"
                    >
                      <el-input
                        type="password"
                        placeholder="请输入原密码"
                        v-model="rulemm.oldPassword"
                      ></el-input>
                    </el-form-item>
                    <el-form-item
                      label="新密码"
                      prop="newPassword"
                      style="width: 300px"
                    >
                      <el-input
                        type="password"
                        placeholder="请设置新密码"
                        v-model="rulemm.newPassword"
                      ></el-input>
                    </el-form-item>
                    <el-form-item
                      label="确认密码"
                      prop="sNewPassword"
                      style="width: 300px"
                    >
                      <el-input
                        type="password"
                        placeholder="请确认新密码"
                        v-model="rulemm.sNewPassword"
                      ></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button type="primary" @click="submitFormps('rulemm')"
                        >确认修改</el-button
                      >
                      <el-button type="primary" @click="qux()">取消</el-button>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
            </div>
            <div class="xt"></div>
            <div class="userz3">
              <div>
                <span class="dl">手机号码</span>
                <span class="hs"
                  >手机号码用于收取消息通知及找回密码，建议使用常用手机号码，以便及时获取信息</span
                >
              </div>
              <div class="photo">
                <div class="haoma">
                  <span v-show="pso2">{{ baseUser.phone }}</span>
                  <div
                    style="float: right; margin-top: 28px; margin-right: 49px"
                  >
                    <el-button type="primary" @click="xiugai2">修改</el-button>
                  </div>
                </div>
                <div class="xgmm2" v-show="see2">
                  <el-form
                    :model="formphone"
                    status-icon
                    :rules="rules"
                    ref="formphone"
                    label-width="100px"
                    class="demo-ruleForm"
                  >
                    <el-form-item
                      label="安全验证:"
                      prop="oldPhone"
                      style="width: 400px"
                    >
                      <el-input
                        type="text"
                        clearable
                        v-model="formphone.oldPhone"
                        :disabled="true"
                      >
                        <template slot="append"
                          ><span
                            v-show="show2"
                            @click="yanzm"
                            style="cursor: pointer; color: #157ef4"
                            >获取验证码</span
                          >
                          <span v-show="!show2" class="count"
                            >{{ count2 }} s</span
                          >
                        </template>
                      </el-input>
                    </el-form-item>
                    <!-- <el-form-item label="安全验证:" prop="oldPhone">
                      <el-input v-model="formphone.oldPhone"></el-input>
                    </el-form-item> -->
                    <el-form-item label="" prop="oldCode" style="width: 400px">
                      <el-input
                        placeholder="请输入验证码"
                        v-model="formphone.oldCode"
                      ></el-input>
                    </el-form-item>
                    <el-form-item label="" prop="newPhone" style="width: 400px">
                      <el-input
                        placeholder="请输入新的手机号码"
                        v-model="formphone.newPhone"
                      >
                        <template slot="append"
                          ><span
                            v-show="show3"
                            @click="yanzm2"
                            style="cursor: pointer; color: #157ef4"
                            >获取验证码</span
                          >
                          <span v-show="!show3" class="count"
                            >{{ count3 }} s</span
                          >
                        </template>
                      </el-input>
                    </el-form-item>
                    <el-form-item label="" prop="newCode" style="width: 400px">
                      <el-input
                        placeholder="请输入验证码"
                        v-model="formphone.newCode"
                      ></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        @click="submitFormyzm('formphone')"
                        >确认修改</el-button
                      >
                      <el-button type="primary" @click="qux2()">取消</el-button>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
            </div>
            <div class="xt"></div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="账户管理" name="second">
          <div class="userzx2">
            <div class="quer">
              <el-form
                ref="formzhgl"
                :inline="true"
                :model="formzhgl"
                :rules="rules"
                class="demo-form-inline"
                label-width="100px"
                style="padding-top: 10px"
              >
                <el-form-item label="银行名称:">
                  <el-input
                    v-model="formzhgl.bankName"
                    placeholder="请输入银行名称"
                  ></el-input>
                </el-form-item>
                <el-button
                  icon="el-icon-search"
                  type="primary"
                  @click="zhguanliquery(formzhgl)"
                  style="float: right; margin-right: 10px"
                  >查询</el-button
                >
              </el-form>
            </div>
            <div class="lieb">
              <div v-if="listgl.length > 0">
                <div class="ct3" v-for="(item, index) in listgl">
                  <div class="cc1">
                    <!-- <div>
                      <span class="dz"
                        >单张限额：{{ item.perMinMoney }}-{{
                          item.perMaxMoney
                        }}万</span
                      >
                      <img
                        src="../../assets/bs.png"
                        alt=""
                        style="float: right; margin-right: -7px"
                      />
                      <span
                        style="
                          float: right;
                          margin-right: -63px;
                          margin-top: 10px;
                          font-size: 14px;
                          font-family: Source Han Sans CN;
                          font-weight: 400;
                          color: #ffffff;
                        "
                        >{{
                          item.openAccountStatus == 0 ? "未开通" : "已开通"
                        }}</span
                      >
                    </div> -->
                    <div>
                      <img
                        src="../../assets/z2.png"
                        alt=""
                        style="
                          margin-top: 57px;
                          width: 198px;
                          margin-left: 40px;
                        "
                      />

                      <div style="display: inline-flex">
                        <div class="wzss">
                          <p>初始额度</p>
                          <p class="z2">{{ item.creditLimit }}</p>
                        </div>
                        <div class="wzss">
                          <p>剩余额度</p>
                          <p class="z2">
                            {{ item.surplusLimit }}
                          </p>
                        </div>
                      </div>
                    </div>
                    <!-- <div
                      style="float: right; margin-right: 8px; margin-top: -61px"
                    >
                      <el-button type="primary">申请额度</el-button>
                    </div> -->
                    <div></div>
                  </div>
                </div>
              </div>
              <div v-else>
                <div class="ct3">
                  <div class="cc1">
                    <div>
                      <span class="dz">单张限额：-万</span>
                      <span class="jstime">交易时间:9:00-17:00</span>
                      <!-- <img
                        src="../../assets/zzz5.png"
                        alt=""
                        style="float: right; margin-right: -7px"
                      /> -->
                    </div>
                    <div>
                      <img
                        src="../../assets/z2.png"
                        alt=""
                        style="
                          margin-top: 57px;
                          width: 198px;
                          margin-left: 40px;
                        "
                      />

                      <div style="display: inline-flex">
                        <div class="wzss">
                          <p>初始额度</p>
                          <p class="z2">---</p>
                        </div>
                        <div class="wzss">
                          <p>剩余额度</p>
                          <p class="z2">---</p>
                        </div>
                      </div>
                    </div>
                    <!-- <div
                      style="float: right; margin-right: 8px; margin-top: -61px"
                    >
                      <el-button type="primary">申请额度</el-button>
                    </div> -->
                    <div></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="企业认证" name="three">
          <div class="userzx3">
            <div class="stte">
              <el-steps :active="active" finish-status="success" align-center>
                <el-step title="上传资料"> </el-step>
                <el-step title="经办人验证"></el-step>
                <el-step title="签署协议"></el-step>
                <!-- <el-step title="法人认证"></el-step> -->
              </el-steps>
              <!-- <el-button class="xyb" @click="next">下一步</el-button> -->

              <el-form ref="formbody" :model="formbody" label-width="100px">
                <div class="info" v-if="active == 1">
                  <div class="contss">
                    <div>
                      <span class="jx"
                        ><span style="margin-left: 10px">基本信息</span></span
                      >
                    </div>
                    <div class="fmor">
                      <el-form
                        :model="formrenz"
                        ref="formrenz"
                        size="mini"
                        label-width="150px"
                        label-position="right"
                        :rules="rules"
                      >
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="企业名称:" prop="name">
                              <el-input
                                v-model="formrenz.name"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="统一社会信用代码:"
                              prop="creditCode"
                            >
                              <el-input
                                v-model="formrenz.creditCode"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="中证码:" prop="middleSignCode">
                              <el-input
                                v-model="formrenz.middleSignCode"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="所属地区:" prop="area">
                              <el-input
                                v-model="formrenz.area"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="类型:" prop="type">
                              <el-input
                                v-model="formrenz.type"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="企业所有制:"
                              prop="enterpriseOwnership"
                            >
                              <el-input
                                v-model="formrenz.enterpriseOwnership"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="注册资本:">
                              <el-input
                                v-model="formrenz.registerCapital"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="营业收入:"

                            >
                              <el-input
                                v-model="formrenz.businessIncome"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="行业分类:">
                              <el-input
                                v-model="formrenz.industryClassification"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="资产总数:">
                              <el-input
                                v-model="formrenz.totalAssets"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="从业人数:">
                              <el-input
                                v-model="formrenz.employeeNumber"
                                placeholder="请输入"
                                @input="handleinput2(formrenz.employeeNumber)"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="规模:">
                              <!-- <el-select
                                v-model="formrenz.scale"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="大" value="0"></el-option>
                                <el-option label="小" value="1"></el-option>
                              </el-select> -->
                              <el-select
                                v-model="formrenz.scale"
                                placeholder="请选择"
                                style="width: 217px"
                              >
                                <el-option
                                  v-for="item in options"
                                  :key="item.value"
                                  :label="item.label"
                                  :value="item.value"
                                >
                                </el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="是否涉及农业:">
                              <el-select
                                v-model="formrenz.isInvolveAgriculture"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="是" :value=0></el-option>
                                <el-option label="否" :value=1></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="是否绿色农业:">
                              <el-select
                                v-model="formrenz.isGreenEnterprise"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="是" :value=0></el-option>
                                <el-option label="否" :value=1></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="是否科技企业:">
                              <el-select
                                v-model="formrenz.isTechnologyEnterprise"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="是" :value=0></el-option>
                                <el-option label="否" :value=1></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="是否民营企业:">
                              <el-select
                                v-model="formrenz.isNongovernmentalEnterpise"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="是" :value=0></el-option>
                                <el-option label="否" :value=1></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="营业期限开始日期:">
                              <el-date-picker
                                v-model="formrenz.businessStartTime"
                                type="date"
                                placeholder="选择日期"
                              >
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="营业期限结束日期:">
                              <el-date-picker
                                v-model="formrenz.businessEndTime"
                                type="date"
                                placeholder="选择日期"
                              >
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="经营范围:">
                              <el-select
                                v-model="formrenz.businessScope"
                                placeholder="请输入"
                                style="width: 217px"
                              >
                                <el-option label="" value=""></el-option>
                                <el-option label="大" value="0"></el-option>
                                <el-option label="小" value="1"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                      <div class="xtrz"></div>
                      <div>
                        <span class="jx2"
                          ><span style="margin-left: 10px">经办人</span></span
                        >
                      </div>
                      <el-form
                        :model="formrenz"
                        ref="levelForm"
                        size="mini"
                        label-width="150px"
                        label-position="right"
                        :rules="rules"
                      >
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="姓名:" prop="agentName">
                              <el-input
                                v-model="formrenz.agentName"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="居民身份证号码:"
                              prop="agentIdentificationNumber"
                            >
                              <el-input
                                v-model="formrenz.agentIdentificationNumber"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="联系电话:" prop="agentPhone">
                              <el-input
                                v-model="formrenz.agentPhone"
                                oninput="value=value.replace(/[^\d]/g,'')"
                                maxlength="11"
                                @blur="test()"
                                placeholder="请输入"
                              ></el-input>
                              <span v-show="hintShow">{{ hint }}</span>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item label="电子邮箱:" prop="agentEmail">
                              <el-input
                                v-model="formrenz.agentEmail"
                                placeholder="请输入"
                                @blur="email_blur"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                      <div class="xtrz"></div>
                      <div>
                        <span class="jx2"
                          ><span style="margin-left: 10px">法人信息</span></span
                        >
                      </div>
                      <el-form
                        :model="formrenz"
                        ref="MoreForm"
                        size="mini"
                        label-width="150px"
                        label-position="right"
                        :rules="rules"
                      >
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="姓名:" prop="corporationName">
                              <el-input
                                v-model="formrenz.corporationName"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="国籍:"
                              prop="corporationNationality"
                            >
                              <el-input
                                v-model="formrenz.corporationNationality"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item
                              label="证件类型:"
                              prop="credentialsType"
                            >
                              <el-input
                                v-model="formrenz.credentialsType"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="证件号码:"
                              prop="credentialsNumber"
                            >
                              <el-input
                                v-model="formrenz.credentialsNumber"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item
                              label="证件签发日:"
                              prop="credentialsSignTime"
                            >
                              <el-date-picker
                                v-model="formrenz.credentialsSignTime"
                                type="date"
                                placeholder="请选择日期"
                              >
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                          <el-col :span="8">
                            <el-form-item
                              label="证件到期日:"
                              prop="credentialsExpireTime"
                            >
                              <el-date-picker
                                v-model="formrenz.credentialsExpireTime"
                                type="date"
                                placeholder="请选择日期"
                              >
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="8">
                            <el-form-item
                              label="证件签发城市:"
                              prop="credentialsSignCity"
                            >
                              <el-input
                                v-model="formrenz.credentialsSignCity"
                                placeholder="请输入"
                              ></el-input>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                      <div style="text-align: center; width: 795px">
                        <el-button
                          class="xyb2"
                          style="margin-top: 12px"
                          @click="baseSim('formrenz')"
                          v-if="active < 4"
                          >下一步</el-button
                        >
                      </div>
                    </div>
                  </div>
                </div>
                <div class="info" v-if="active == 2">
                  <div class="phss">
                    <el-form :model="formrenz" :rules="rules" ref="formjbr">
                      <el-form-item label="经办人电话:" prop="phone">
                        <el-input
                          type="text"
                          v-model="formrenz.phone"
                          placeholder="请输入手机号码"
                          style="width: 300px"
                        >
                          <template slot="append"
                            ><span
                              v-show="show4"
                              @click="yanzm3"
                              style="cursor: pointer; color: #157ef4"
                              >获取验证码</span
                            >
                            <span v-show="!show4" class="count"
                              >{{ count4 }} s</span
                            >
                          </template>
                        </el-input>
                      </el-form-item>
                      <el-form-item
                        label="验证码:"
                        style="margin-left: 26px"
                        prop="code"
                      >
                        <el-input
                          style="width: 300px"
                          placeholder="请输入验证码"
                          v-model="formrenz.vCode"
                          :key="new Date().getTime()"
                        ></el-input>
                      </el-form-item>
                    </el-form>
                  </div>
                  <div class="buzhou">
                    <el-button
                      type="primary"
                      plain
                      style="margin-top: 12px; width: 121px; height: 40px"
                      @click="pre"
                      v-if="active < 4"
                      >取消</el-button
                    >
                    <el-button
                      class="xyb2"
                      style="margin-bottom: 95px"
                      @click="jbryz22"
                      v-if="active > 1"
                      >确认</el-button
                    >
                  </div>
                </div>
                <div class="info" v-if="active == 3">
                  <div class="xieyi">
                    <span>《票据经纪服务协议》</span>
                  </div>

                  <div style="padding: 25px">
                    <div class="xiazai">
                      <el-button type="primary" plain @click="downAgree">
                        下载</el-button
                      >
                    </div>
                    <el-input
                      id="textarea_id"
                      type="textarea"
                      :rows="15"
                      placeholder=""
                      v-model="formrenz.textarea"
                      readonly=""
                    >
                    </el-input>
                    <!-- <textarea placeholder=""  v-model="formrenz.texts"   cols="185" rows="25"> </textarea> -->
                    <div style="margin-top: 10px">
                      <el-checkbox
                        v-model="formrenz.check"
                        true-label="1"
                        false-label="0"
                        >我已阅读并同意《票据经纪服务协议》</el-checkbox
                      >
                    </div>
                    <!-- <div class="rez">
                      <span
                        >签署协议需企业法人完成身份认证，点击"去认证"生成二维码,微信扫码完成认证</span
                      >
                    </div> -->
                  </div>
                  <div class="buzhou">
                    <el-button
                      class="xyb2"
                      style="margin-top: 12px"
                      @click="signAgreements"
                      v-if="active < 4"
                      >下一步</el-button
                    >
                    <el-button
                      class="xyb2"
                      style="margin-bottom: 95px"
                      @click="pre"
                      v-if="active > 1"
                      >上一步</el-button
                    >
                  </div>
                    <!-- <div  class="buzhou">
                      <el-button
                        type="primary"
                        style="margin-left: -50px; width: 121px; height: 40px"
                        @click="next"
                        >完成认证</el-button
                      >
                      <el-button
                        type="primary"
                        style="width: 121px; height: 40px; margin-bottom: 30px"
                        @click="lookrenz"
                        >查看认证</el-button
                      >
                    </div> -->
                </div>
                <!-- <div class="info" v-if="active == 4">
                  <div class="daojis">
                    <div class="time">
                      <span> {{ message }}:</span>
                      <span>{{ hour }}</span>
                      <span>{{ minute }}</span>
                      <span>{{ seconds }}</span>
                    </div>
                  </div>
                  <img
                    :src="ewmURl"
                    style="
                      width: 500px;
                      height: 500px;
                      position: absolute;
                      left: 24%;
                    "
                  />
                  <div class="faren" v-if="renzResult === 1">
                    <img src="../../assets/zhong.png" />
                    <span>法人身份正在认证中...</span>
                  </div>
                  <div class="faren" v-if="renzResult === 2">
                    <img src="../../assets/shibai.png" />
                    <span>法人身份认证失败，请重试!</span>
                    <el-button
                      type="primary"
                      style="margin-left: 10px; width: 121px; height: 40px"
                      >重新认证</el-button
                    >
                  </div>
                  <div class="faren" v-if="renzResult === 0">
                    <img src="../../assets/chengong.png" />
                    <span
                      style="
                        width: 258px;
                        height: 24px;
                        font-size: 25px;
                        font-family: Source Han Sans CN;
                        font-weight: 400;
                        color: #051232;
                        line-height: 60px;
                      "
                      >恭喜您，身份认证成功</span
                    >
                    <span
                      style="
                        font-size: 18px;
                        font-family: Source Han Sans CN;
                        font-weight: 400;
                        color: #051232;
                        line-height: 2px;
                        opacity: 0.5;
                        margin-left: 10px;
                      "
                      >您已可以进行交易</span
                    >
                    <div>
                      <el-button
                        type="primary"
                        style="margin-left: -50px; width: 121px; height: 40px"
                        @click="next"
                        >完成认证</el-button
                      >
                      <el-button
                        type="primary"
                        style="width: 121px; height: 40px; margin-bottom: 30px"
                        @click="lookrenz"
                        >查看认证</el-button
                      >
                    </div>
                  </div>
                </div> -->
                <!-- <div class="buzhou">
                  <el-button
                    class="xyb2"
                    style="margin-top: 12px"
                    @click="next"
                    v-if="active < 4"
                    >下一步</el-button
                  >
                  <el-button
                    class="xyb2"
                    style="margin-bottom: 95px"
                    @click="pre"
                    v-if="active > 0"
                    >上一步</el-button
                  >
                </div> -->
              </el-form>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<style >
</style>

<script>
import {
  creatzhanghugl,
  smps,
  ymzs,
  zhguanli,
  baseSimm,
  checkCode,
  jbryz,
  downAgree,
  signAgreement,
  getAuthorizeResult,
  getUploadInfo,
  getAuthenticationSteps,
  makeQRCode,
} from "@/api/leagues/app";
import qs from "qs";
export default {
  data() {
    let validateNewPassword = (rule, value, callback) => {
      if (value === this.rulemm.oldPassword) {
        callback(new Error("新密码不能与原密码相同!"));
      } else {
        callback();
      }
    };
    //此处即表单发送之前验证  验证新密码与再次确认
    let validateNewPassword2 = (rule, value, callback) => {
      if (value !== this.rulemm.newPassword) {
        callback(new Error("与新密码不一致!"));
      } else {
        callback();
      }
    };

    return {
      // countdown:"",
      percentage: 0,
      show2: true,
      count2: "",
      timer2: null,
      show3: true,
      count3: "",
      timer3: null,
      show4: true,
      count4: "",
      timer4: null,
      message: "倒计时",
      hour: "", //倒计时  小时
      minute: "", // 倒计时 分钟
      seconds: "", //倒计时 秒
      interval: "",
      countdownTime: "",
      ewmURl: "",
      formzhgl: {
        bankName: "",
      },
      baseUser: {},
      listgl: {},
      activeName: "first",
      active: 0,
      see: false,
      see2: false,
      pso: true,
      pso2: true,
      rulemm: {
        oldPassword: "",
        newPassword: "",
        sNewPassword: "",
      },
      options: [
        {
          value: "0",
          label: "少于50人",
        },
        {
          value: "1",
          label: "50-100人",
        },
        {
          value: "2",
          label: "100-500人",
        },
        {
          value: "3",
          label: "500以上",
        },
      ],
      hintShow: false, // 提示语显示
      hint: "手机号码错误", // 提示语
      formbody: {},
      renzResult: "",
      formrenz: {},
      // formrenz: {
      //   textarea:
      //     "协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容",
      // },
      // basicForm: {},
      // levelForm: {},
      // MoreForm: {},
      formphone: {
        oldPhone: "",
        oldCode: "",
        newPhone: "",
        newCode: "",
        check: 0,
      },

      rules: {
        //验证规则
        oldPassword: [
          {
            required: true,
            message: "请输入原密码",
            trigger: "blur",
          },
        ],
        newPassword: [
          {
            required: true,
            message: "请设置新密码",
            trigger: "blur",
          },
          {
            validator: validateNewPassword,
            trigger: "blur",
          },
        ],
        sNewPassword: [
          {
            required: true,
            message: "请确认新密码",
            trigger: "blur",
          },
          {
            validator: validateNewPassword2,
            trigger: "blur",
          },
        ],
        name: [{ required: true, message: "请输入企业名称", trigger: "blur" }],
        creditCode: [
          {
            required: true,
            message: "请输入统一社会信用代码",
            trigger: "blur",
          },
        ],
        middleSignCode: [
          {
            // required: true,
            message: "请输入中证码",
            trigger: "blur",
          },
        ],
        area: [
          {
            // required: true,
            message: "请输入所属地区",
            trigger: "blur",
          },
        ],
        type: [
          {
            // required: true,
            message: "请输入类型",
            trigger: "blur",
          },
        ],
        enterpriseOwnership: [
          {
            // required: true,
            message: "请输入企业所有制",
            trigger: "blur",
          },
        ],
        registerCapital: [
          {
            // required: true,
            message: "请输入注册资本",
            trigger: "blur",
          },
        ],
        businessIncome: [
          {
            // required: true,
            message: "请输入营业收入",
            trigger: "blur",
          },
        ],
        industryClassification: [
          {
            // required: true,
            message: "请输入行业分类",
            trigger: "blur",
          },
        ],
        totalAssets: [
          {
            // required: true,
            message: "请输入资产总额",
            trigger: "blur",
          },
        ],
        employeeNumber: [
          {
            // required: true,
            message: "请输入从业人数",
            trigger: "blur",
          },
        ],
        agentName: [
          {
            required: true,
            message: "请输入姓名",
            trigger: "blur",
          },
        ],
        agentIdentificationNumber: [
          {
            // required: true,
            message: "请输入居民身份证号码",
            trigger: "blur",
          },
        ],
        agentPhone: [
          {
            required: true,
            message: "请输入联系电话",
            trigger: "blur",
          },
        ],
        agentEmail: [
          {
            // required: true,
            message: "请输入电子邮件",
            trigger: "blur",
          },
        ],
        corporationName: [
          {
            // required: true,
            message: "请输入姓名",
            trigger: "blur",
          },
        ],
        corporationNationality: [
          {
            // required: true,
            message: "请输入国籍",
            trigger: "blur",
          },
        ],
        credentialsType: [
          {
            // required: true,
            message: "请输入证件类型",
            trigger: "blur",
          },
        ],
        credentialsNumber: [
          {
            // required: true,
            message: "请输入证件号码",
            trigger: "blur",
          },
        ],
        credentialsSignTime: [
          {
            // required: true,
            message: "请输入证件签发日",
            trigger: "blur",
          },
        ],
        credentialsExpireTime: [
          {
            // required: true,
            message: "请输入证件到期日",
            trigger: "blur",
          },
        ],
        credentialsSignCity: [
          {
            required: true,
            message: "请输入证件签发城市",
            trigger: "blur",
          },
        ],
        phone: [
          {
            required: true,
            message: "请输入手机号码",
            trigger: "blur",
          },
        ],
        vcode: [
          {
            required: true,
            message: "请输入验证码",
            trigger: "blur",
          },
        ],
      },
    };
  },
  // watch:{
  //   formrenz(val){
  //     console.log(val)
  //   }
  // },
  mounted() {
    //  console.log(this.formrenz.texts,'2222222222')
    this.zhanghugl();
    this.zhguanliquery();
    this.getUploadLies();
    this.setTimer();
    this.setTimeData(this.countdownTime);
    // this.stepzt();
    // this.$nextTick(() => {
    //   setTimeout(() => {
    //     const textarea = document.getElementById("textarea_id");
    //     textarea.scrollTop = textarea.scrollHeight;
    //   }, 13);
    // });
  },
  //方法集合
  methods: {
    handleinput2(row) {
      row = row.replace(/[^0-9.]/g, "");
      if (!row) {
        this.$message({
          duration: 600,
          message: "请输入数字格式",
          type: "",
        });
      }
    },
    //修改密码
    xiugai() {
      (this.see = true), (this.pso = false);
    },
    handleClick(tab, event, activeStep) {
      // this.tab.name = tab || '';
      // this.activeName= tab || null;
      // this.active=activeStep|| 0;
      console.log(tab, "tabtabtab");
      console.log(event, "eventevent");
    },
    //查询认证步骤
    getAuthenticationSteps() {
      getAuthenticationSteps()
        .then((response) => {
          this.active = response.data.data.step || this.active;
          this.countdown = response.data.data.countdown;
          let dateArr_ = this.countdown.split(":");
          this.countdownTime = Number(dateArr_[0]) * 60 + Number(dateArr_[1]);
          if (this.active == 4) {
            // this.getAuthorizeResults();
          }
        })
        .catch(() => {});
    },
    //列表初始信息
    getUploadLies() {
      getUploadInfo()
        .then((data) => {
          this.formrenz = data.data.data;
          // this.$forceUpdate();
          this.getAuthenticationSteps();
         // this.makeQRCodess();
        })
        .catch((error) => {
          console.log(error);
        });
    },
    //步骤状态
    stepzt() {
      let activeStep = this.$route.query.code || 0;
      if (activeStep) {
        // let tabName="three"
        // this.handleClick(tabName)
        if (activeStep == 1) {
          this.activeName = "three";
          this.active = 1;
        } else if (activeStep == 2) {
          this.activeName = "three";
          this.active = 2;
        } else if (activeStep == 3) {
          this.activeName = "three";
          this.active = 3;
        } else if (activeStep == 4) {
          this.activeName = "three";
          this.active = 4;
        }
      } else if (activeStep == 0) {
        // this.handleClick()
        this.activeName = "first";
        this.active = 1;
      }
    },
    //取消
    qux() {
      (this.see = false), (this.pso = true);
    },
    //修改手机
    xiugai2() {
      (this.see2 = true), (this.pso2 = false);
    },
    //取消
    qux2() {
      (this.see2 = false), (this.pso2 = true);
    },
    //获取验证码
    yanzm() {
      let obj = {
        phone: this.formphone.oldPhone,
        isNew: "0",
      };

      this.$fetch("/admin/user/getCode?" + qs.stringify(obj)).then((res) => {
        if (res) {
          this.formphone.oldCode = res.data;
          const TIME_COUNT2 = 60;
          if (!this.timer2) {
            this.count2 = TIME_COUNT2;
            this.show2 = false;
            this.timer2 = setInterval(() => {
              if (this.count2 > 0 && this.count2 <= TIME_COUNT2) {
                this.count2--;
              } else {
                this.show2 = true;
                clearInterval(this.timer2);
                this.timer2 = null;
              }
            }, 700);
          }
          console.log(res, +"333");
        }
      });
    },
    //验证验证码

    yanzm3() {
      let obj3 = {
        phone: this.formrenz.phone,
        isNew: "0",
      };
      this.$fetch("/admin/user/getCode?" + qs.stringify(obj3)).then((res) => {
        if (res.code == 0) {
          // this.formrenz.vCode = res.data;
          this.$set(this.formrenz, "vCode", res.data);
          const TIME_COUNT4 = 60;
          if (!this.timer4) {
            this.count4 = TIME_COUNT4;
            this.show4 = false;
            this.timer4 = setInterval(() => {
              if (this.count4 > 0 && this.count4 <= TIME_COUNT4) {
                this.count4--;
              } else {
                this.show4 = true;
                clearInterval(this.timer4);
                this.timer4 = null;
              }
            }, 700);
          }
          this.checkCode();
          // console.log(this.formrenz.vCode, "formrenz.vCodeformrenz.vCode");
          //  this.$set(this.formrenz,'code', 0)
          //   console.log(this.formrenz,'this.formrenz.code')
        } else if (res.code == 1) {
          this.$message({
            duration: 1000,
            message: res.msg,
            type: "warning",
          });
        }
      });
    },
    checkCode() {
      let phone = this.formrenz.phone;
      let code = this.formrenz.vCode;
      let obj55 = {
        phone: phone,
        code: code,
      };
      checkCode(obj55).then((respone) => {
        if (respone.code == 0) {
          this.$message.success(respone.msg);
        } else if (respone.code == 1) {
          this.$message({
            duration: 1000,
            message: respone.msg,
            type: "warning",
          });
        }
      });
    },
    //获取验证码
    yanzm2() {
      let obj2 = {
        phone: this.formphone.newPhone,
        isNew: "1",
      };
      this.$fetch("/admin/user/getCode?" + qs.stringify(obj2)).then((res) => {
        if (res) {
          if (res.code == 0) {
            this.formphone.newCode = res.data;
            const TIME_COUNT3 = 60;
            if (!this.timer3) {
              this.count3 = TIME_COUNT3;
              this.show3 = false;
              this.timer3 = setInterval(() => {
                if (this.count3 > 0 && this.count3 <= TIME_COUNT3) {
                  this.count3--;
                } else {
                  this.show3 = true;
                  clearInterval(this.timer3);
                  this.timer3 = null;
                }
              }, 700);
            }
            console.log(res, +"333");
          } else if (res.code == 1) {
            this.$message({
              duration: 600,
              message: res.msg,
              type: "warning",
            });
          }
        }
      });
    },
    //基本信息
    zhanghugl: function () {
      var that = this;
      creatzhanghugl()
        .then((data) => {
          // that.$message({
          //   duration: 600,
          //   message: "查询成功",
          //   type: "success",
          // });
          this.baseUser = data.data.data;
          this.percentage = parseInt(data.data.data.complex);
          this.formphone.oldPhone = this.baseUser.phone;
          // this.stepzt();
        })
        .catch((error) => {
          console.log(error);
        });
    },

    format(percentage) {
      if (percentage < 40) {
        percentage = "低";
      } else if (percentage < 80) {
        percentage = "中";
      } else if (percentage < 100) {
        percentage = "高";
      }
      return percentage;
    },
    //账户管理zhguanli
    zhguanliquery: function (row) {
      var that = this;
      zhguanli(row)
        .then((data) => {
          // that.$message({
          //   duration: 600,
          //   message: "查询成功",
          //   type: "success",
          // });
          console.log(data.data.data.records, "1");
          this.listgl = data.data.data.records;
        })
        .catch((error) => {
          console.log(error);
        });
    },
    //密码修改
    submitFormps(rulemm) {
      var that = this;
      this.$refs[rulemm].validate((valid) => {
        if (valid) {
          let password = that.rulemm.newPassword;
          let reg = /(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[\W_]).{8,16}/;
          if (reg.test(password)) {
            that.$message(
              "密码必须是大写字母，小写字母，数字，特殊字符组成，且长度为8到12位！"
            );
          }
          smps(that.rulemm).then((data) => {
            if (data.data.code == 0) {
              that.$message.success(data.data.msg);
              this.rulemm.oldPassword = "";
              this.rulemm.newPassword = "";
              this.rulemm.sNewPassword = "";
              this.qux();
            } else if (data.data.code == 1) {
              that.$message.error(data.data.msg);
            }
          });
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
    //手机号码修改
    submitFormyzm(formphone) {
      var that = this;
      this.$refs[formphone].validate((valid) => {
        if (valid) {
          ymzs(that.formphone).then((data) => {
            that.$message.success(data.data.msg);
            this.formphone.oldCode = "";
            this.formphone.newPhone = "";
            this.formphone.newCode = "";
            this.count2 = "";
            this.qux();
          });
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
    //用户修改
    resetForm(rulemm) {
      this.$refs[rulemm].resetFields();
    },
    //企业认证

    // baseSim() {
    //   // this.next();
    //   Promise.all([
    //     this.$refs.basicForm.validate(),
    //     this.$refs.levelForm.validate(),
    //     this.$refs.MoreForm.validate(),
    //   ]).then((res) => {
    //     const validateResult = res.every((item) => !!item);

    //     if (validateResult) {
    //       console.log("表单都校验通过");
    //       this.formrenz.step = this.active;
    //       baseSimm(this.formrenz).then((data) => {
    //         this.next();
    //         this.$message.success(data.data.msg);
    //       });
    //     } else {
    //       this.saveLoading = false;
    //       console.log("表单未校验通过");
    //     }
    //   });
    // },

    baseSim(formrenz) {
      this.$refs[formrenz].validate((valid) => {
        this.formrenz.step = this.active;
        baseSimm(this.formrenz).then((data) => {
          this.next();
          this.$message.success(data.data.msg);
        });
      });
    },
    next() {
      if (this.active++ > 3) this.active = 1;
      console.log(this.active, "next");
    },
    pre() {
      if (this.active-- < 2) this.active = 1;
    },
    //经办人验证
    jbryz22() {
      var that = this;
      this.step = that.active;
      this.$refs.formjbr.validate((valid) => {
        if (valid) {
          jbryz(this.step)
            .then((data) => {
              that.$message.success(data.data.msg);
              this.next();
            })
            .catch((error) => {
              console.log(error);
            });
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
    // 手机号码验证
    test: function () {
      var that = this;

      const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
      if (
        that.formrenz.agentPhone.val == "" ||
        that.formrenz.agentPhone.val.length <= 10 ||
        !reg.test(that.formrenz.agentPhone.val)
      ) {
        that.hintShow = true;
        that.hint = "手机号码错误";
        that.err = true;
        return false;
      } else {
        that.hintShow = false;
        that.hint = "手机号码正确";
        that.err = false;
        return true;
      }
    },
    //下载
    downAgree() {
      // downAgree()
      //   .then((res) => {
          // 下载pdf
          //type类型可以设置为文本类型，这里是pdf类型
          let dataurl ="http://192.168.20.61:8888/group1/M00/00/03/wKgUPWGJ24iASWOSADE010pk1Gs817.pdfhttp://192.168.20.61:8888/group1/M00/00/03/wKgUPWGJ24iASWOSADE010pk1Gs817.pdf"
          this.pdfUrl = window.URL.createObjectURL(
            new Blob([dataurl], { type: `application/pdf` })
          );
          const fname = ``; // 下载文件的名字
          const link = document.createElement("a");
          link.href = this.pdfUrl;
          link.setAttribute("download", fname);
          document.body.appendChild(link);
          link.click();
        // })
        // .catch((error) => {
        //   console.log(error);
        // });
    },
    //签署协议
    signAgreements() {
      var that = this;
      if (that.formrenz.check !== "1") {
        that.$message.success("请阅读并同意");
      } else if (that.formrenz.check == "1") {
        signAgreement(that.formrenz.check, that.active)
          .then((data) => {
            if(data.code ==0){
              debugger
            that.$message.success(data.data.msg);
            // this.next();
            // this.makeQRCodess();
            this.lookrenz();
            }else if(data.code ==1){
              that.$message.success(data.data.msg);
            }
          })
          .catch((error) => {
            console.log(error);
          });
      }
    },
    //获取二维码
    makeQRCodess() {
      makeQRCode()
        .then((data) => {
          const src = window.URL.createObjectURL(data.data);
          this.ewmURl = src;
          // console.log(data.data, "ssss");
          // this.$message.success(data.msg);
          // this.getAuthorizeResults();
        })
        .catch((error) => {
          console.log(error);
        });
    },

    //获取认证结果
    getAuthorizeResults() {
      var that = this;
      getAuthorizeResult()
        .then((data) => {
          // that.$message.success(data.data.msg);
          this.renzResult = data.data.code;
          // console.log(this.renzResult, "this.renzResult");
        })
        .catch((error) => {
          // that.$message.success(data.data.msg);
          console.log(error);
        });
    },
    email_blur() {
      var verify = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
      if (!verify.test(this.formrenz.agentEmail)) {
        this.$message.success("邮箱格式错误, 请重新输入");
      }
    },
    //查看证书信息
    //  getUploadInfos(){
    //    this.$router.push({ name: "queryUser" });
    //   var that = this;
    //   getUploadInfo()
    //     .then((data) => {
    //        this.infos=data.data.data

    //       that.$message.success(data.data.msg);
    //     })
    //     .catch((error) => {
    //       console.log(error);
    //     });
    // },
    //查看证书
    lookrenz() {
      //editUser
      this.$router.push({ name: "queryUser" });
    },

    //倒计时

    setTimeData(cm) {
      console.log(cm, "--cm");
      this.hour = Math.floor((cm / 1000 / 60 / 60) % 24);
      this.hour =
        this.hour.toString().length == 1 ? "0" + this.hour : this.hour;
      this.minute = Math.floor((cm / 1000 / 60) % 60);
      this.minute =
        this.minute.toString().length == 1 ? "0" + this.minute : this.minute;
      this.seconds = Math.floor((cm / 1000) % 60);
      this.seconds =
        this.seconds.toString().length == 1 ? "0" + this.seconds : this.seconds;
    },
    setTimer() {
      let _this = this;
      this.interval = setInterval(function () {
        _this.payCountdown(_this.countdownTime * 60 * 1000);
        clearInterval(_this.interval);
      }, 1000);
    },
    /**
     * 支付倒计时
     */
    payCountdown(cm) {
      let _this = this;

      if (cm >= 0) {
        this.hour = Math.floor((cm / 1000 / 60 / 60) % 24);
        this.hour =
          this.hour.toString().length == 1 ? "0" + this.hour : this.hour;
        this.minute = Math.floor((cm / 1000 / 60) % 60);
        this.minute =
          this.minute.toString().length == 1 ? "0" + this.minute : this.minute;
        this.seconds = Math.floor((cm / 1000) % 60);
        this.seconds =
          this.seconds.toString().length == 1
            ? "0" + this.seconds
            : this.seconds;
        let _msThis = this;
        setTimeout(function () {
          cm -= 1000;
          _msThis.payCountdown(cm);
        }, 1000);
      }
    },
  },
};
</script>
<style scoped>
.userzx {
  width: 1200px;
  /* height: 740px; */
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin: 0 auto;
  position: relative;
  top: 50%;
}
.quer {
  width: 1199px;
  height: 65px;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin: 0 auto;
  position: relative;
  top: 50%;
}
.jstime {
  width: 156px;
  height: 15px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #8995ad;
  line-height: 50px;
  margin-left: 22px;
  position: absolute;
  margin-top: 11px;
}
/* .userzx2 {
  width: 1200px;
  height: 740px;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin: 0 auto;
  position: relative;
  top: 50%;
} */
.userz2 {
  margin-top: 20px;
  margin-bottom: -30px;
}
.userz3 {
  margin-top: 20px;
}
.demo-ruleForm {
  width: 323px;
  padding-bottom: 10px;
}
.haoma {
  height: 100px;
}
.haoma span {
  position: absolute;
  margin-top: 36px;
  margin-left: 65px;
}

.z2 {
  width: 45px;
  height: 24px;
  font-size: 30px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #fe680e;
  line-height: 30px;
}
.wzss {
  width: 74px;
  height: 17px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #9498b6;
  line-height: 30px;
  margin-left: 272px;
}
.dz {
  background: #e5f1ff;
  opacity: 0.5;
  border-radius: 0px 23px 23px 0px;
  font-size: 16px;
  position: relative;
  padding: 10px 10px 10px 10px;
  top: 10px;
}
.dl {
  height: 17px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 60px;
  margin-left: 52px;
}
.hsbj {
  height: 100px;
}
.xgmm {
  margin: 34px;
  padding-bottom: 10px;
}
.xgmm2 {
  margin: 34px;
  padding-bottom: 10px;
}
.yybj {
  width: 1061px;

  background: #f8f9fa;
  border-radius: 6px;
  margin-left: 77px;
}
.photo {
  width: 1061px;
  background: #f8f9fa;
  border-radius: 6px;
  margin-left: 77px;
}
.el-progress {
  width: 297px;
}
>>> .el-progress-bar__inner {
  background-color: #48dc76 !important;
}
.hs {
  height: 14px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #b8c5ce;
  line-height: 25px;
  opacity: 0.8;
}
.userzx3 {
  width: 1200px;
  /* height: 740px; */
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  height: 1496px;
}
.basex {
  height: 94px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #586279;
  line-height: 40px;
  opacity: 0.8;
  margin: 11px;
}
.stte {
  padding-top: 40px;
}
.xt {
  width: 1100px;
  height: 84px;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 1px 0px 0px #e6e6e6;
  margin-left: 50px;
}
.xtrz {
  width: 1100px;
  height: 48px;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 1px 0px 0px #e6e6e6;
  margin-left: -46px;
}
.utbsa {
  /* width: 470px; */
  height: 40px;

  margin: 0 auto;
}
.userz1 span {
  width: 71px;
  height: 17px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 60px;
  width: 125px;
  margin-left: 52px;
}
.lab {
  text-align: right;
  vertical-align: middle;
  float: left;
}
.phss {
  position: relative;
  left: 28%;
  margin-top: 98px;
}
.cc1 {
  width: 1200px;
  height: 248px;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin-left: 189px;
  margin-top: 10px;
  margin: 0 auto !important;
}

.ct1 {
  margin: 0 auto !important;
  width: 1200px;
}
.ct2 {
  /* margin-left: 189px; */
  margin: 0 auto !important;
  width: 1200px;
  padding-top: 16px;
  padding-bottom: 17px;
}
.ct3 {
  margin: 10px;
}
.jx {
  width: 2px;
  height: 20px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 100px;
  text-indent: 20px;
  border-left: 3px solid #0075ff;
  margin-left: 40px;
}
.xieyi {
  height: 17px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 60px;
  text-align: center;
}
.xiazai {
  float: right;
  margin-bottom: 14px;
}
.jx2 {
  width: 2px;
  height: 20px;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 100px;
  text-indent: 20px;
  border-left: 3px solid #0075ff;
  margin-left: -47px;
}
.c1 {
  width: 103px;
  height: 25px;
  font-size: 26px;
  font-weight: bold;
  color: #051232;
}
.fmor {
  position: relative;
  margin-left: 93px;
}
.rez {
  width: 1000px;
  height: 50px;
  background: #fefbec;
  border-radius: 6px;
}
.rez span {
  width: 523px;
  height: 14px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #e4a347;
  line-height: 50px;
  margin-left: 20px;
}
.c2 {
  margin-left: 10px;
  width: 351px;
  height: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #586279;
}

.xyb {
  text-align: center;
  position: relative;
  margin-left: 38%;
  background: #0075ff;
  width: 121px;
  height: 40px;
  color: #ffffff;
}
.xyb2 {
  background: #0075ff;
  width: 121px;
  height: 40px;
  color: #ffffff;
}
.faren {
  display: inline-grid;
  margin-top: 60px;
  position: relative;
  left: 43%;
}
.faren span {
  width: 244px;
  height: 24px;
  font-size: 25px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #051232;
  line-height: 60px;
  margin-bottom: 50px;
  margin-left: -30px;
}
.buzhou {
  text-align: center;
  margin-left: -175px;
}
>>> .el-form-item__label {
  color: #586279;
  font-size: 14px;
}
>>> .el-step__title.is-success {
  color: #0075ff;
}
>>> .el-step__head.is-success {
  color: #0075ff;
  border-color: #0075ff;
}
.sz {
  white-space: nowrap;
  display: inline-block;
  line-height: 1;
}
>>> .el-tabs__nav {
  /* width: 311px; */
  height: 40px;
  border-radius: 20px;
  text-align: center;
}
>>> .el-tabs__content {
  margin-top: 11px;
}
/*tabs 去掉el-tab-pane切换时的蓝色下划线*/
>>> .el-tabs__active-bar {
  background-color: transparent !important;
}
>>> .el-tabs__nav-wrap::after {
  background-color: transparent !important;
}
>>> .el-tabs__header {
  margin: 0 auto !important;
  width: 1200px;
  background: #ffffff;
  border-radius: 20px;
}
>>> .el-step.is-horizontal .el-step__line {
  border-top: 2px dashed #ccd1de;
  height: 0;
  background-color: transparent;
}
>>> .el-step.is-center .el-step__line {
  top: 50%;
}
>>> .el-step__icon.is-text {
  width: 47px;
  height: 47px;
}
>>> .el-tabs__nav {
  width: 311px;
  height: 40px;
  background: transparent !important;
  border-radius: 20px;
  text-align: center;
}
>>> .el-tabs__item.is-active {
  background: #0075ff;
  box-shadow: 0px 3px 8px 0px rgba(0, 117, 255, 0.2);
  border-radius: 20px;
}
>>> .el-tabs__item {
  width: 150px;
  height: 40px;
  color: #8995ad;
}
>>> .el-tabs__item.is-active {
  color: #ffffff;
}
.daojis {
  float: right;
  font-size: 25px;
  margin-right: 60px;
}
</style>
